export const vueTem = `
<template>
  <div>
   
  </div> 
</template>
<script setup>
    import { ref } from 'vue'
       
</script>


<style>


</style>

`

export const jsonTem = `{
    "name": "中二少年学编程",
    "miniApp": "中二少年工具箱",
    "wxBlog": "前端系列教程",
    "csdnBlog": "中二少年学编程"
}

`
export const htmlTem = `<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>我的第一个HTML页面</title>  
</head>  
<body>  
    <h1>欢迎来到我的网页</h1>  
    <p>这是一个简单的HTML页面示例。</p>  
    <ul>  
        <li>HTML</li>  
        <li>CSS</li>  
        <li>JavaScript</li>  
    </ul>  
    <p>
    中二少年学编程是一名前端博主，微信小程序：中二少年工具箱，公众号：前端系列教程，csdn/掘金：中二少年学编程，后续更多功能，欢迎关注
</p>  
</body>  
</html>
`

export const cssTem = `.handle-btn {
  margin: 16px 24px;
}
.editor-container{
  width: 100%;
  height: 200px;
  flex-grow: 1;
}
`
export const jsTem = `let defaultOption = {
                semi: true,
                trailingComma: 'all',
                singleQuote: true,
                printWidth: 80,
                tabWidth: 4,
            }
            Object.assign(defaultOption,{})
            const sourceCode= monacoEditor.value.getValue()
            const formatCode = await prettier.format(sourceCode, {
                parser,
                plugins,// 根据需要添加其他解析器插件
                ...defaultOption
            })
`
